<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin-right: 10px;
            margin-bottom: 10px;
        }

        body {
            margin-top: 0;
        }

        #box {
            width: 980px;
            height: 593px;
            margin: 0 auto;

        }

        #box1 {
            width: 277px;
            height: 103px;
            background-color: red;
            float: left;

        }

        #box2 {
            width: 137px;
            height: 49px;
            background-color: greenyellow;
            margin-bottom: 8px;
            float: right;
        }

        #box3 {
            width: 679px;
            height: 46px;
            background-color: greenyellow;
            float: right;
        }

        #box4 {
            width: 310px;
            height: 435px;
            background-color: gold;
            float: left;
        }

        #box5 {
            width: 450px;
            height: 240px;
            background-color: deepskyblue;
            float: left;
        }

        #box6 {
            width: 190px;
            height: 400px;
            background-color: deeppink;
            float: right;
        }

        #box7 {
            width: 450px;
            height: 110px;
            background-color: deepskyblue;
            float: left;
        }

        #box8 {
            width: 450px;
            height: 30px;
            background-color: deepskyblue;
            float: left;
        }

        #box9 {
            width: 650px;
            height: 25px;
            background-color: green;
            float: left;
        }

        #box10 {
            width: 970px;
            height: 35px;
            background-color: darkblue;
            float: left;
        }

    </style>
</head>
<body>

<div id="box">
    <div id="box1"></div>
    <div id="box2"></div>
    <div id="box3"></div>
    <div id="box4"></div>
    <div id="box5"></div>
    <div id="box6"></div>
    <div id="box7"></div>
    <div id="box8"></div>
    <div id="box9"></div>
    <div id="box10"></div>
</div>

</body>
</html>